@charset "utf-8";
/* CSS Document */

@charset "utf-8";

/* CSS Document */



#show{

	position: absolute;

	top: 31px;

	left: 0;

	z-index: 9999;

}

.customize{

	position: absolute;

	top: 0px;

	width: 363px;
	
	left: 0;

	padding: 5px 10px 0px 0px;

	background: url(../images/demo/customize_bg.png) no-repeat 0 0;
	font-size:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

}
.customize-b {
	background: url(../images/demo/customize_bg-b.png) no-repeat 0 bottom;
	height:6px;
	position:relative;
	float:left;
	margin:0 0 0 0px;
	bottom:-6px;
	width:382px;
}

	#show a.close{

		display: block;

		position: absolute;

		top: 29px;

		right: 17px;

		width: 40px;

		height: 40px;

		background: url(../images/demo/close.png) no-repeat 0 0;

	}
	 #show .customize.act a.close{
		background-position:-40px 0;
	}
	#show .customize.act a.close:hover {
		background-position:-40px -43px;
	}
	#show a.close:hover{
		background-position: 0 -43px;		
	}

		#demo_form {
			width:310px;
			float:left;
			margin:0 0 0 0px;
		}

	.customize .action{

		padding: 17px 21px 0 0;

		height: 41px;

		clear: both;

	}


	.customize a.reset{
		display: block;
		float: right;
		color: #2b2b2b;
		text-shadow: none;
		font-size: 10px;
		text-decoration: underline;
		background: url(../images/demo/reset.png) no-repeat 0 3px;
		padding:0 0 0 17px;
		margin:8px 0 0 0;
	}
	.customize a.reset:hover{
		text-decoration: none;
	}

	.customize a.save{
		display: block;
		float: left;
		margin-left: 13px;
		width: 120px;
		height: 34px;
		background: url(../images/demo/save.png) no-repeat 0 0;
	}
	.customize a.save:hover{
		background-position: 0 -34px;
	}

	

	.customize input{

		background: auto;

		border: auto;
		margin:0 4px 0 0;

	}
	.customize label {
		margin:0 17px 0 0;
	}

	.customize .c_block{

		padding: 14px 10px 11px 20px;
		background: url(../images/demo/customize_bg_w.png) no-repeat 0 bottom;	
		margin: 0 0 10px 0;
		color:#2b2b2b;
		text-shadow:#fff 1px 1px 0;

	}
	.customize .c_block.first{
		padding: 0px 10px 11px 20px;
	}
	.customize .c_block.dd_container{
		margin: 0;
	}
	.customize .btns_chk{
		margin: 0 0 1px 0;
		padding: 0 10px 0px 0px;
		color:#2b2b2b;
		text-shadow:#fff 1px 1px 0;
	}

	.customize .btns_chk label{
		margin-right: 10px;
	}

	.customize .c_block.left{
		background: url(../images/demo/customize_bg_w.png) no-repeat 0 bottom;		
		margin:0 0 0px 0px;
		padding:15px 0 12px 20px;

	}

	.customize .c_block.right{
		background:none;
		width: 148px;
		margin:0 10px 0 0;
		padding: 1px 10px 5px 0px;
		color:#2b2b2b;
		text-shadow:#fff 1px 1px 0;

	}

	.customize .c_block.clear{

		clear: both;
		height:100%;
		font-size:10px;
	}
	

.pckr{
	float:right;
	margin:-4px 0 0 0;
}
#colorSelector_demo{

	border: solid #c0c0c0 3px;

	width: 23px;

	height: 23px;

	cursor: pointer;
	-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;

}

	#colorSelector_demo div{

		width: 23px;

		height: 23px;

		background: url(../images/demo/pick.png) no-repeat bottom right;

	}

.dd_hold{

	margin: 0px 0 0 0px;

	width: 290px;

	overflow: hidden;

}

.dd_item{

	width: 30px;

	height: 30px;

	float: left;

	margin: 0 10px 10px 0;

	cursor: pointer;

}

	.dd_item i{

		display: none;

		width: 24px;

		height: 24px;

	}
	.dd_item b{
		display: none;
		position: absolute;
		margin: 0px;
		margin-right: -120px;
		width: 150px;
		height: 150px;
		z-index: 9999;
	}

	.dd_item:hover b{
		display: block;
	}

	.dd_item:hover i{

		display: block;

		border: solid #222 3px;

		opacity: 0.5;

	}

	.dd_item.act i{

		display: block;

		border: solid #323232 3px;

		opacity: 0.7;

	}

	.dd_item.no{

		background: url(../images/demo/no.png) no-repeat 0 0;

	}
	.customize select {
		border:1px solid #cccccc;
		background-color:#fff;
		color:#2b2b2b;
		text-shadow:#fff 1px 1px 0;
		margin:3px 0 6px 0;
		width:auto;
		font-style:normal;
	}
	

	
/*
	
.dd_hold.dd_art .dd_item:hover b{
	display: none;
}

.dd_hold.dd_art .dd_item{

	width: 65px;

	height: 30px;

	float: left;

	margin: 0 5px 5px 0;

	cursor: pointer;

}

	.dd_hold.dd_art .dd_item i{

		display: none;

		width: 59px;

		height: 24px;

	}

	.dd_hold.dd_art .dd_item:hover i{

		display: block;

		border: solid #222 3px;

	}

	.dd_hold.dd_art .dd_item.act i{

		display: block;

		border: solid #323232 3px;

	}
	

	.dd_hold.dd_art .dd_item.no{

		background: url(../images/demo/no_art.png) no-repeat 0 0;

	}
	
	*/
